<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src='../lib/bootstrap-3.3.5-dist/js/jquery-3.6.0.js'></script>
    <script src='../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js'></script>
    <script src='../javascript/data.js'></script>
    <link rel="stylesheet" href="../css/xgmm.css">
    <link rel="stylesheet" href="../css/yjxxsz_nav.css">
    <script src='../lib/bootstrap-3.3.5-dist/js/xgdl.js'></script>
</head>
    <body class="clearfix">
        <header id="header" class="clearfix">
            <span>经销存管理系统</span>
            <div class="clearfix">
                <div>
                    <span class="glyphicon glyphicon-triangle-bottom"></span>
                </div>
                <div>管理员</div>
                <div>
                    <span class="glyphicon glyphicon-user"></span>
                </div>
        </header>
        <div id="left_nav">
            <div id="nav">
                <li id="nav_header">
                    <span class="glyphicon glyphicon-cog"></span>
                    系统菜单
                    <span class="glyphicon glyphicon-chevron-down"></span>
                </li>
                <li page-data='page1'>分类管理</li>
                <li page-data='page2'>库存管理</li>
                <li page-data='page3'>入库管理</li>
                <li page-data='page4'>预警信息设置</li>
                <li page-data='page5'>出库管理</li>
                <li page-data='page6'>用户管理</li>
                <li page-data='page7'>修改密码</li>
            </div>
        </div>
        <div id="content">
            <div id="fmydiv1">
                <div>
                    <span class="ma">原密码</span>
                    <input type="password" class="mak" id="input1" placeholder="原密码">
                </div>
                <div>
                    <span class="ma">新密码</span>
                    <input type="password" class="mak" id="input2" placeholder="新密码">
                </div>
                <div>
                    <span class="ma">请确认</span>
                    <input type="password" class="mak" id="input3" placeholder="新密码">
                </div>
                <button class="xg" onclick="xgqr()">修改</button>
        </div>
        </div>
    
<script>
    let h = $(window).height()
    let h_judge
    $('#left_nav').css({
    'height': h + 'px',
    })
    $('#nav>li:first-child').on('click', function () {
    pullDown($(this))
    })
    $('#nav>li:first-child').siblings().on('click', function () {
    jumpPage($(this))
    })
    function pullDown(obj) {
    let num = obj.siblings().length + 1
    if (!h_judge) {
        obj.parent().css({
            'height': num * 40 + 'px'
        })
        obj.children().last().css({
            'transform': 'rotate(180deg)'
        })
    } else {
        obj.parent().css({
            'height': 40 + 'px'
        })
        obj.children().last().css({
            'transform': 'rotate(0deg)'
        })
        }
        h_judge = !h_judge

    }
    function jumpPage(obj) {
    switch (obj.attr('page-data')) {
        case 'page1': location.href = './flgl.html';
        break
        case 'page2': location.href = './kcgl.html';
        break
        case 'page3': location.href = './rkgl.html';
        break
        case 'page4': location.href = './yjxxsz.html';
        break
        case 'page5': location.href = './ckgl.html';
        break
        case 'page6': location.href = './yhgl.html';
        break
        case 'page7': location.href = './xgmm.html';
        break
        }
    let page
    sessionStorage.setItem('page', obj.attr('page-data'))
    }

</script>
        
        
    
</body>
</html>